$(function() {
            $("#search").click(function() {
                        search();
                    });

            $("#queryPerson").click(function() {
                        jsonQuery();
                    });

            initSearch();

            $("#demo1").flexigrid({
                url : GLOBAL.WEB_ROOT + "/jsp/griddemo/flexidata-json.json",
                dataType : "json",
                colModel : [{
                            display : '编码',
                            name : 'id',
                            width : 40,
                            sortable : true,
                            align : 'left'
                        }, {
                            display : '姓名',
                            name : 'name',
                            width : 100,
                            sortable : true,
                            align : 'left'
                        }, {
                            display : '年龄',
                            name : 'age',
                            width : 100,
                            sortable : true,
                            align : 'left'
                        }, {
                            display : '出生日期',
                            name : 'birthday',
                            width : 120,
                            sortable : true,
                            align : 'left'
                        }, {
                            display : '性别',
                            name : 'agent',
                            width : 100,
                            sortable : true,
                            align : 'left'
                        }, {
                            display : '身高',
                            name : 'hight',
                            width : 100,
                            sortable : true,
                            align : 'left'
                        }, {
                            display : '住址',
                            name : 'address',
                            width : 200,
                            sortable : true,
                            align : 'left'
                        }],
                buttons : [{
                            name : 'Add',
                            bclass : 'add',
                            onpress : doAdd
                        }, {
                            separator : true
                        }, {
                            name : 'Delete',
                            bclass : 'delete',
                            onpress : doDelete
                        }, {
                            separator : true
                        }],
                userpager : true,
                title : "测试查询",
                usepager : true, // 是否分页
                nowrap : true, // 是否不换行
                page : 1, // 默认当前页
                total : 1, // 总页面数
                useRp : true, // 是否可以动态设置每页显示的结果数
                rp : 5, // 每页默认的结果数
                rpOptions : [5, 10, 15, 20, 25, 40],// 可选择设定的每页结果数
                showToggleBtn : false, // /没有隐藏列的按钮
                singleSelect : true,
                searchModel:"searchModel"
                });
        })

function doAdd() {
    alert("ADD");
}

function doDelete() {
    alert("Delete");
}
// 初始化
function initSearch() {
    $("#searchResultDiv").flexigrid({
        url : GLOBAL.WEB_ROOT + "/person/personAction!queryPersonList.action",
        dataType : "json",
        //按钮；
        buttons:[{ name : 'delete', bclass : 'delete',onpress : doDelete},{separator:true}],
        colModel : [{
                    display : '地市编码',
                    name : 'AREA_CODE',
                    width : 60,
                    sortable : true,
                    align : 'left'
                }, {
                    display : '日期',
                    name : 'DATE_ID',
                    width : 100,
                    sortable : true,
                    align : 'left',
                    hide:true
                }, {
                    display : '列1',
                    name : 'COL1',
                    width : 100,
                    sortable : true,
                    align : 'left'
                }, {
                    display : '列2',
                    name : 'COL2',
                    width : 100,
                    sortable : true,
                    align : 'left'
                }, {
                    display : '列3',
                    name : 'COL3',
                    width : 100,
                    sortable : true,
                    align : 'left'
                }, {
                    display : '列4',
                    name : 'COL4',
                    width : 120,
                    sortable : true,
                    align : 'left'
                }],
        userpager : true,
        title : "测试查询",
        usepager : true, // 是否分页
        //userpage:false,
        nowrap : true, // 是否不换行
        page : 1, // 默认当前页
        total : 1, // 总页面数
        useRp : true, // 是否可以动态设置每页显示的结果数
        rp : 5, // 每页默认的结果数
        rpOptions : [5, 10, 15, 20, 25, 40],// 可选择设定的每页结果数
        width : 700,
        height : "auto",
        autoload : false
            // 初始化加载 false
        });
};
function search() {
    $("#searchResultDiv").flexReload();
}

function jsonQuery() {
    var param = [{
                name : 'searchModel.page',
                value : 1
            }, {
                name : 'searchModel.rp',
                value : 10
            }];

    $.appAjax({
                url : GLOBAL.WEB_ROOT + "/person/personAction!queryPersonList.action",
                data : param,
                async : false,
                success : function(data) {
                    alert("OK!");
                }
            });
}